<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>叮当图书网</title>
    <style>
        body {
            font-family: "微软雅黑", sans-serif;
            background-color: #fefefe;
            color: #333;
            margin: 0;
            padding: 0;
        }
        header {
            padding: 20px 0;
            text-align: center;
        }
        .logo {
            display: inline-block;
            position: relative;
        }
        .logo::before {
            content: "www.DingDang.com";
            font-size: 36px;
            font-weight: bold;
            color: #333;
            text-shadow: 2px 2px 0 #ccc, 4px 4px 0 #bbb, 6px 6px 0 #aaa;
        }
        nav {
            margin-top: 10px;
        }
        nav a {
            margin: 0 10px;
            font-size: 16px;
            text-decoration: none;
        }
        nav a:first-child {
            color: red;
        }
        nav a:last-child {
            color: blue;
        }
        main {
            padding: 20px;
            max-width: 1000px;
            margin: 0 auto;
            text-align: left;
        }
        .welcome {
            margin-bottom: 30px;
            text-indent: 2em;
            font-size: 18px;
        }
        h2 {
            font-size: 24px;
            color: #000;
            margin-bottom: 15px;
        }
        table {
            width: 95%;
            margin: 0 auto 40px;
            border-collapse: collapse;
            font-size: 16px;
        }
        th, td {
            border: 1px solid #c3dcf5;
            padding: 10px;
            text-align: center;
        }
        th {
            background-color: #d1ecff;
            font-size: 18px;
        }
        tr:nth-child(even) {
            background-color: #f7fbff;
        }
        tr:nth-child(odd) {
            background-color: #ebf5ff;
        }
        td:nth-child(5) {
            color: #999;
            text-decoration: line-through;
        }
        td a {
            display: inline-block;
            width: 60px;
            height: 30px;
            line-height: 30px;
            background-color: red;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s, color 0.3s;
        }
        td a:hover {
            background-color: yellow;
            color: #000;
        }
        footer {
            text-align: center;
            font-size: 14px;
            color: #666;
            padding: 20px 0;
            border-top: 1px solid #ddd;
        }
    </style>
</head>
<body>
<header>
    <div class="logo"></div>
    <nav>
        <a href="register.html">注册</a>
        <a href="login.html">登录</a>
    </nav>
</header>
<main>
    <section class="welcome">
        欢迎您来到叮当图书网，成为我们的会员，然后就可以享受本站提供的各种会员服务。
    </section>
    <section class="hot-list">
        <h2>图书热销榜</h2>
        <table>
            <tr>
                <th>名次</th>
                <th>书名</th>
                <th>作者</th>
                <th>出版社</th>
                <th>定价</th>
                <th>叮当价</th>
                <th></th>
            </tr>
            <tr>
                <td>1</td>
                <td>快乐的邮递员</td>
                <td>[英] 艾伦·阿尔伯格 等著</td>
                <td>北京联合出版公司</td>
                <td>￥215.00</td>
                <td>￥215.00</td>
                <td><a href="#">去看看</a></td>
            </tr>
            <tr>
                <td>2</td>
                <td>债务危机</td>
                <td>[美] 瑞·达利欧 著 赵灿 熊建伟 刘波译</td>
                <td>中信出版集团</td>
                <td>￥98.00</td>
                <td>￥68.60</td>
                <td><a href="#">去看看</a></td>
            </tr>
            <tr>
                <td>3</td>
                <td>流浪的地球</td>
                <td>刘慈欣 著</td>
                <td>浙江教育出版社</td>
                <td>￥29.00</td>
                <td>￥14.20</td>
                <td><a href="#">去看看</a></td>
            </tr>
            <tr>
                <td>4</td>
                <td>神奇的校车</td>
                <td>(美) 乔安娜·柯尔 著</td>
                <td>贵州人民出版社</td>
                <td>￥198.00</td>
                <td>￥97.00</td>
                <td><a href="#">去看看</a></td>
            </tr>
        </table>
    </section>
</main>
<footer>
    叮当图书网(中国)有限公司 2019(C)版权所有
</footer>
</body>
</html>
